<script setup>
// const clientWidth = document.documentElement.clientWidth;
// document.body.style.zoom = clientWidth / 2127;

window.addEventListener('resize', () => {
  // const clientWidth = document.documentElement.clientWidth;
  // document.body.style.zoom = clientWidth / 2127;
});
</script>

<template>
  <div class="nav">
    <RouterLink to="/home">首页</RouterLink>
    <RouterLink to="/design">指南</RouterLink>
    <RouterLink to="/component">组件</RouterLink>
  </div>

  <div class="content">
    <RouterView />
  </div>
</template>

<style scoped>
.nav {
  display: flex;

  a {
    margin-left: 20px;
  }
}

.content {
  padding: 20px;
}
</style>
